<template>
    <div class="c-businessTop">
    <Topnav />
    <Topsearch />
    <!-- 位置 -->
        <div class="c-position">
            <span>您当前的位置 : </span>
            <span>首页</span>
            <span> > </span>
             <span>全部商品</span>
             <span> > </span>
             <span>苹果</span>
             <span> > </span>
             <span>阿克苏</span>
        </div>
<div class="c-product">
  <Magnifier  />


<div class="c-fd">
  <div class="c-L">
 <div class=" c-tit"> 礼拜五旗舰店 </div> 
 <div class="c-dp">
   <div class="c-dp-box1">
     <img class="c-dp-img1" src="../../assets/imgs/c-dianpu.png" alt="">
<span class="c-dp-t1">
  营业时间：全天24小时
  </span>
  <span class="c-dp-t2">
    ¥62/人
    </span>
   </div>
<div class="c-dp-box2">
<img class="c-dp-img2" src="../../assets/imgs/c-shouji.png" alt="">
<span class="c-dp-t3">
  18699563265
</span>
</div>

<div class="c-dp-box3">
  <img class="c-dp-img3" src="../../assets/imgs/c-dian.png" alt="">
<span class="c-dp-t4">
  浙江省温岭市人民西路281左侧.
</span>
</div>
</div>
<div class="c-dp-box4">
<div class="c-sjgg">
  商家公告 : 
</div>
<div class="c-sjsm"> 
  本店有最新优惠活动，本店有最新优惠活动本店有最新优惠活动
活动，到店男士享受8这优惠本店19.18有最新优惠活动...
</div>

 </div>
</div>
   
 
<div class="c-R">
<img class="c-qizi" src="../../assets/imgs/c-qizi.png" alt="">
<div class="c-qizi-t">
  自营商家
</div>

<div class="c-pf">
  综合评分: <img src="../../assets/imgs/c-pingfen.png" alt=""><span class="c-pf-t">4.5分</span>
</div>


<div class="c-ms">
<div class="c-ms-ys">
描述
<div class="c-ms-pf">4.5分</div>
</div>
<div class="c-ms-ys2">
商品
<div class="c-ms-pf">4.5分</div>
</div>
<div class="c-ms-ys3">
服务
<div class="c-ms-pf">4.5分</div>
</div>
</div>
</div>
</div>
</div>

    <Foor/>
   
    </div>
</template>
<script>
import Topnav from "../Topnav";
import Topsearch from "../Topsearch";
import Foot from "../Foot";
import Magnifier from '../Magnifier';
// import $ from 'jquery'

export default {
  name:"business",
  components: {
    Topnav,
    Topsearch,
    Foot,
    Magnifier
  },
  data() {
    return {
      
    }
  },
}
</script>
<style  scoped>
.c-businessTop{
    width: 1920px;
}
/* 位置 */
.c-position{
  margin: 20px auto;
    width: 1280px;
    height: 54px;
    /* border: 1px #00f solid; */
    background-color: #f4f4f4;
    color: #666666;
    line-height: 54px;
    font-size: 14px;
    text-align: left;
    padding-left:20px;
}
/* 商品详情 */
.c-product{
  width: 1280px;
  height: 377px;
  display: inline-block;
  position: absolute;
  top:335px;
  left: 320px;
  border: 1px #f00 solid;
}
.c-qizi{
  position: absolute;
  top:0px;
  right: 0px;
}
.c-fd{
  position: absolute;
  top:0px;
  right: 0px;
  width: 769px;
  height: 377p;
   display: flex;
   /* border: solid 1px #00f; */
   overflow: hidden;
}
.c-L{
  width: 472px;
  height: 377px;
  float: left;
  /* border: 1px #0ff solid; */
}

.c-tit{
width: 402px;
height: 73px;
line-height: 74px;
border-bottom:#e3e3e3  1px solid;
font-size: 24px;
text-align: left;
color: #333333;
margin-left: 30px;
}
.c-dp{
  width: 402px;
  height: 130px;
  /* border: 1px #ff0 solid; */
  margin-left: 30px;
  border-bottom:#e3e3e3  1px solid;
   text-align:left;
}
.c-dp-box1{
  margin-top:28px ;
}
.c-dp-img1{
  vertical-align: middle;
  padding-bottom:2px ;
}
.c-dp-t1{
  padding-left: 10px;
  font-size: 16px;
  color:#666666;
  line-height: 16px;
}
.c-dp-t2{
  padding-left: 10px;
  font-size: 16px;
  color:#f5aa51;
  line-height: 16px;
}
.c-dp-box2{
  margin-top:24px ;
}
.c-dp-img2{
  vertical-align: middle;
  padding-bottom:2px ;
}
.c-dp-t3{
  padding-left: 10px;
  font-size: 16px;
  color:#666666;
  line-height: 16px;
}
.c-dp-box3{
  margin-top:24px ;
}
.c-dp-img3{
  vertical-align: middle;
  padding-bottom:2px ;
}
.c-dp-t4{
  padding-left: 10px;
  font-size: 16px;
  color:#666666;
  line-height: 16px;
}
.c-dp-box4{
  padding-left:24px ;
  padding-top: 30px;
  height: 117px;
  /* border: 1px #00f solid; */
  text-align: left;
}
.c-sjgg{
  font-size: 18px;
  color: #333;
}
.c-sjsm{
  padding-top: 5px;
  font-size: 14px;
  color: #666666;
  line-height: 25px;
}

/*  */
.c-R{
  width: 297px;
  height: 377px;
  float: right;
  background-color: #f4fff2;
  /* border: 1px #f0f solid; */
}
.c-qizi-t{
  font-size: 14px;
  width: 28px;
  height: 32px;
  color: #fff;
  position: absolute;
  top:9px;
  right: 10px;
}

.c-pf{
padding-top: 110px;
}
.c-pf-t{
  color: #f08200;
  padding-left:9px ;
}
.c-ms{
  margin-top: 110px;
  font-size: 16px;
  color: #7d807d;
  text-align: left;
  /* padding-left:20px; */
  font-size:20px ;
  /* border: 1px #0ff solid; */
  margin-top:30px ;
   display: inline-block;
   display: flex;
}

.c-ms-ys{
  display: inline;
  width: 100px;
  height: 53x;
  text-align: center;
  /* border: 1px #00f solid; */
   border-right: 1px #d3d3d3 dashed;
  /* border-left: 1px #d3d3d3 dashed; */
}
.c-ms-ys2{
  display: inline;
  width: 100px;
  height: 53x;
  text-align: center;
  /* border: 1px #00f solid; */
   border-right: 1px #d3d3d3 dashed;
  border-left: 1px #d3d3d3 dashed;
}
.c-ms-ys3{
  display: inline;
  width: 100px;
  height: 53x;
  text-align: center;
  /* border: 1px #00f solid; */
   /* border-right: 1px #d3d3d3 dashed; */
  border-left: 1px #d3d3d3 dashed;
}
.c-ms-pf{
  font-size: 18px;
  margin-top:10px ;
  color: #ff6c00;
}


</style>
